/*导入外部css*/
@import url('element.css');
@import url('animate.css');
*{ margin:0px; padding:0px;font-family:"microsoft yahei"; font-size:13px;transition:background-color  1s;outline: none;word-wrap: break-word; outline: none;-webkit-tap-highlight-color: transparent; }
body{ background-color: #eee; color:#666; font-family:Arial, "微软雅黑"; margin: 0px; padding: 0px;}
a{text-decoration:none;color:#666;}
.mobile-only{display:none!important;}


/*头部*/
/*.pc-header-wrap{ background-repeat:no-repeat;  background-color:#fff; border-bottom:1px solid #999; }
/*.pc-header-wrap .header-body{height:70px; }
.pc-header-wrap .header-body .menu-group{ float:right; width: 70%;}*/
.pc-header-wrap .header-body .menu-group li{float:left; list-style:none; position:relative;width:12.5%;}
.pc-header-wrap .header-body .menu-group .menu{display:block; line-height:70px; text-align:center; font-size:15px; }
.pc-header-wrap .header-body .menu-group li ul{ position:absolute; z-index:100; background-color:#fff; box-shadow:1px 1px 2px #ddd; display:none;}
.pc-header-wrap .header-body .menu-group li ul a{ display:block; line-height:40px; padding-left:20px}
.pc-header-wrap .header-body .menu-group li ul a:hover{ background-color:#eee;}
.pc-header-wrap .header-body .menu-group .menu:hover{ background-color:#f3f3f3; box-shadow:inset 1px 1px 2px #eee;}
.pc-header-wrap .header-account{ border-bottom:0px solid #eee;background-color:#0099cc}
.pc-header-wrap .header-account .user-info{display:block;float:right;width:13%; max-width:230px; cursor:pointer}
.pc-header-wrap .header-account .btn{display:block; padding:0px 1%;line-height:25px; float:right; color:#fff;border-left:1px  dotted  #eee ; font-size:12px ; color:#fff; cursor:pointer;}
.tab-group{ border-bottom:1px solid #eee; box-shadow:inset 0px 40px 10px #fff; margin-bottom: 10px;}
.tab-group a{ width:50%; line-height:40px; cursor: pointer; display:block; float:left; text-align:center;border-bottom:1px solid #fff;box-sizing: border-box;}
.tab-group a.active{ border-bottom:1px solid #ff690f}
.timer{height:30px;border:1px solid #eee; display: inline-block; width: 100%; box-sizing:border-box;border-radius:3px;color:#0099cb;line-height:30px;text-align:center;outline:0;background:#f8f8f8; cursor:pointer}
.reset{width:120px;height:50px;border:1px solid #dcdcdc;border-radius:3px;float:left;margin-left:22px;color:#989898;line-height:50px;text-align:center;outline:0;background:#dcdcdc}

@media screen and (max-width: 800px) { /*当屏幕尺寸小于500px时，应用下面的CSS样式*/
.pc-only{display:none!important;}
.mobile-only{ display:inherit!important;}
/*头部*/
.pc-header-wrap{ display:none;}
.mobile-header-wrap{ background-repeat:no-repeat;  background-color:#fff; height:50px; display:block; background-size: cover; position: fixed; z-index: 50; width:100%; top:0px; border-bottom:1px solid #eee;}
.mobile-header-wrap .btn-left{display:block;float:left;position:relative; width:10%; height:50px; line-height:40px; text-align:center; }
.mobile-header-wrap .btn-mid{display:block;float:left; width:80%; height:50px; line-height:40px; text-align:center; }
.mobile-header-wrap .btn-right{display:block;float:right; width:10%; height:50px; line-height:40px; text-align:center; }
.mobile-header-wrap .user-info{display:block;float:right;height:50px;border-left:1px solid #ea7f00;width:230px; cursor:pointer}
.mobile-header-wrap .user-account div{ white-space:nowrap;}
.mobile-header-wrap .menu{display:block; padding:0px 10px;line-height:50px; float:right; color:#fff;border-left:1px solid #ff9f65; }
.mobile-header-wrap .btn:hover{ background-color:#D16201}
.mobile-header-wrap .my-list{ position:absolute; width:100%; max-height:400px; overflow-y:auto; top:40px;  z-index:500; background-color:#fff; border-bottom:1px solid #eee; box-shadow:0px 2px 5px  rgba(0,0,0,0.7); display:none;  z-index:150; }
.mobile-header-wrap .my-list .list{ line-height:40px; margin-left:10px;  display:block; border-bottom:1px solid #eee; color: #333; font-size: 14px;}
.mobile-header-wrap .my-list .list i{ margin-right:10px;}
.mobile-header-wrap .my-list .list:last-child{ border-bottom:none;}
.mobile-header-wrap .my-list .list:active{ background-color:#eee}
.mobile-breadcrumb{ line-height:40px; border-bottom:1px solid #eee; position:fixed; top:50px; width:100%; z-index:9; background-color:#fff; padding:0% 2%;}
.market-menu-group {   width: 0px;height: 0px;}

/*尾部*/
.mobile-footer-wrap{ overflow-x:auto; position:fixed; width:100%; height:50px; bottom:0px; left:0px; z-index:9; background-color:#f9f9f9; border-top:1px solid #eee;}
.mobile-footer-wrap .mobile-footer-inner{ width: 100%;  }
.mobile-footer-wrap .btn{ float:left; width:25%; height: 50px;  display:block; text-align:center; font-size:10px; color: #ccc;}
.mobile-footer-wrap .btn:active{ background-color:#eee}
.mobile-footer-wrap .active{ background-color:#eee; color: #ff690f}
.mobile-footer-wrap .btn i{ display: block; height: 30px; line-height: 30px;}


/* **************************头部和底部************************** */

/*10-28  头部*/
